<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<h3>Manage Colors <br />
  <br />
  ADD COLOR (All Color Name/Description and Hex Code <a href="http://www.w3schools.com/html/html_colornames.asp" target="_blank">Check HERE</a>)<br />
</h3>
<form id="form1" name="form1" method="post" action="">
  <label for="id_color"></label>
  COLOE ID :
  <input type="text" name="id_color" id="id_color" />
  <br />
  <br />
  DESCRIPTION:
  <input type="text" name="des_color" id="des_color" />
  <br />
  <br />
  HEX CODE :
  #
  <input type="text" name="hex_code" id="hex_code" />
  <br />
  <br />
  <input type="submit" name="button" id="button" value="Submit" />
<br />
</form>
<br />
<br />
<br />
<table width="700" border="1" cellspacing="0" cellpadding="10">
  <tr>
    <th scope="col">Color ID</th>
    <th scope="col">DESCRIPTION</th>
    <th scope="col">HEX CODE</th>
    <th scope="col">ACT COLOR</th>
  </tr>
  <?php foreach($this->colorList as $k => $v) {?>
  <tr>
    <td><?php echo $v['id_color'];?></td>
    <td><?php echo $v['des_color'];?></td>
    <td>#<?php echo $v['hex_code'];?></td>
    <td style=" background-color:#<?php echo $v['hex_code'];?>">&nbsp;</td>
  </tr>
  <?php } ?>
</table>
<br />
</body>
</html>
